<div id="sidebar">
	<ul>
		<li class="rssfeed">
			<a rel="external nofollow" href="/blog-articles-feed.do" title="Feed 地址：${blogHost}/blog-articles-feed.do">
				<img src="/skins/${skinDirName}/images/rss.png" width="64" height="64" alt="Subscribe" style="opacity: 0.7; " />
			</a> 
			<a rel="external nofollow" href="http://fusion.google.com/add?feedurl=${blogHost}/blog-articles-feed.do" title="Google Reader">
				<span style="color:#1B4EBE">G</span><span style="color:#D42609">o</span><span style="color:#E8B801">o</span><span style="color:#1B4EBE">g</span><span style="color:#1DA224;font-size:13px">l</span><span style="color:#D42609">e</span>
			</a> | 
			<a rel="external nofollow" href="http://www.xianguo.com/subscribe.php?url=${blogHost}/blog-articles-feed.do" title="鲜果阅读器">
				<span style="color:#ff6600">鲜果</span>
			</a>
		</li>
	</ul>
        
        <#if "" != noticeBoard>
	<ul style="background-image: /skins/${skinDirName}/images/sidelines.gif); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial; background-repeat: no-repeat; ">
            <li>
			<span class="side">~Notice</span>
			<ul style="background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial; background-repeat: initial; ">
				<span>${noticeBoard}</span>
			</ul>
            </li>
	</ul>
        </#if>
        <#if 0 != recentComments?size>
	<ul>
		<li>
			<span class="side">~Latest Comments</span>
			<ul style="background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial; background-repeat: initial; ">
			<#list recentComments as comment>
				<li>
					<a href="${comment.commentSharpURL}" title="${comment.commentContent}">${comment.commentContent}</a>
				</li>
			</#list>
			</ul>
		</li>
	</ul>
        </#if>
        <#if 0 != mostViewCountArticles?size>
	<ul>
		<li>
			<span class="side">~Hot</span>
			<ul style="background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial; background-repeat: initial; ">
			<#list mostViewCountArticles as article>
				<li>
				<a href="${article.articlePermalink}" title="${article.articleTitle}">${article.articleTitle} - ${article.articleViewCount}</a>
				</li>
			</#list>
			</ul>
		</li>
	</ul>
        </#if>

	<ul style="background-image: /skins/${skinDirName}/images/sidelines.gif); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial; background-repeat: no-repeat; ">
            <#if 0 != mostUsedTags?size>
            <li>
			<span class="side">~Tags</span>
			<ul id="widget_tag_cloud">
			<#list mostUsedTags as tag>
				<a data-count="${tag.tagPublishedRefCount}" title="${tag.tagTitle}(${tag.tagPublishedRefCount})" 
						href="/tags/${tag.tagTitle?url('UTF-8')}">${tag.tagTitle}</a>
			</#list>
			</ul>
	<!-- color tag -->
	<script type="text/javascript">
        $("#widget_tag_cloud a").each(function (i) {
            this.style.color = randomColor()
        });
        function randomColor() {
            var arrHex = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F"];
            var strHex = "#";
            var index;
            for (var i = 0; i < 6; i++) {
                index = Math.round(Math.random() * 15);
                strHex += arrHex[index];
            }
            return strHex;
        }
    
	</script>
	</li>
        </#if>
        <#if 0 != mostCommentArticles?size>
        <li>
                <span class="side">~Most commented</span>
                <ul style="background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial; background-repeat: initial; ">
                <#list mostCommentArticles as article>
                                <li>
                                        <a href="${article.articlePermalink}" title = "${article.articleTitle}">${article.articleTitle} - ${article.articleCommentCount}</a>
                                </li>
                </#list>
                </ul>
        </li>
        </#if>
	</ul>
        
        <#if 0 != links?size>
	<ul style="background-image: /skins/${skinDirName}/images/sidelines.gif); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial; background-repeat: no-repeat; ">
		<li>
			<span class="side">~Links</span>
			<ul class="outter" style="background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial; background-repeat: initial; ">
				<#list links as link>
				<li style="opacity: 0.7;">
					<a href="${link.linkAddress}" title ="${link.linkTitle}" style="background:url(http://www.google.com/s2/u/0/favicons?domain=${link.linkAddress}) no-repeat 0 center;padding:2px 0 2px 20px" rel="external nofollow">${link.linkAddress}</a>
				</li>
				</#list>
			</ul>
		</li>
	</ul>
        </#if>
        <#if 0 != archiveDates?size>
	<ul style="background-image: /skins/${skinDirName}/images/sidelines.gif); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial; background-repeat: no-repeat; ">
		<li>
		<span class="side">~Archives</span>
			<ul style="background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial; background-repeat: initial; ">
			<#list archiveDates as archiveDate>
                        <li>
                        <#if "en" == localeString?substring(0, 2)>
                            <a href="/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}" title="${archiveDate.monthName} ${archiveDate.archiveDateYear}(${archiveDate.archiveDatePublishedArticleCount})">${archiveDate.monthName} ${archiveDate.archiveDateYear}</a>(${archiveDate.archiveDatePublishedArticleCount})
                         <#else>
                           <a href="/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}" title="${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}(${archiveDate.archiveDatePublishedArticleCount})">${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}</a>(${archiveDate.archiveDatePublishedArticleCount})
			</#if>
                        </li>
			</#list>
			</ul>
		</li>
        </ul>
        </#if>
</div>
<div style="clear:both;"></div>
<hr />
<div style="clear:both;"></div>